window.MENU_EVENT_TYPE = null;
		$(document).ready(function() {
			
			// 把每个a中的内容包含到一个层（span.out）中，在span.out层后面追加背景图层（span.bg）
			$("#menu li a").wrapInner( '<span class="out"></span>' ).append( '<span class="bg"></span>' );

			// 循环为菜单的a每个添加一个层（span.over）
			$("#menu li a").each(function() {
				$( '<span class="over">' +  $(this).text() + '</span>' ).appendTo( this );
			});

			$("#menu li a").hover(function() {
				mouseOverMenu(this);

			}, function() {
				mouseOutmenu(this);
			});
			
		});
function mouseOverMenu(obj) {
	// 鼠标经过时候被触发的函数
	$(".out",obj).stop().animate({'top':'45px'},250); // 向下滑动 - 隐藏
	$(".over",obj).stop().animate({'top':'0px'},250); // 向下滑动 - 显示
	$(".bg",obj).stop().animate({'top':'0px'},	120); // 向下滑动 - 显示
}
function mouseOutmenu(obj) {
	if(window.MENU_EVENT_TYPE == obj) {
		return;
	}
	// 鼠标移出时候被触发的函数
	$(".out",obj).stop().animate({'top':'0px'},250); // 向上滑动 - 显示
	$(".over",obj).stop().animate({'top':'-45px'},250); // 向上滑动 - 隐藏
	$(".bg",obj).stop().animate({'top':'-45px'},120); // 向上滑动 - 隐藏
}
function clickMenu(obj) {
	window.MENU_EVENT_TYPE = obj;
	$("#menu li a").each(function() {
		$(".out",this).stop().animate({'top':'0px'},250); // 向上滑动 - 显示
		$(".over",this).stop().animate({'top':'-45px'},250); // 向上滑动 - 隐藏
		$(".bg",this).stop().animate({'top':'-45px'},120); // 向上滑动 - 隐藏
	});
	$(".out",obj).stop().animate({'top':'45px'},250); // 向下滑动 - 隐藏
	$(".over",obj).stop().animate({'top':'0px'},250); // 向下滑动 - 显示
	$(".bg",obj).stop().animate({'top':'0px'},	120); // 向下滑动 - 显示
	changPage(obj);
}
function changPage(obj) {
	obj = $(obj);
	var _id = obj.attr("id");
	switch (_id) {
		case "":
			break;
		case "index":
			$("#indexCaseView").css("display", "");
			obj.attr("target", "iframe_content");
			obj.attr("href", "./portal/content.jsp");
			obj.triggerHandler("href");
			break;
		case "about":
			$("#indexCaseView").css("display", "none");
			obj.attr("target", "iframe_content");
			obj.attr("href", "./portal/content.jsp");
			obj.triggerHandler("href");
			break;
		case "caseView":
			$("#indexCaseView").css("display", "none");
			obj.attr("target", "iframe_right");
			obj.attr("href", "./portal/listFrontImage.do?imgKind=1005");
			obj.triggerHandler("href");
			break;
		case "workScope":
			$("#indexCaseView").css("display", "none");
			obj.attr("target", "iframe_right");
			obj.attr("href", "./portal/renovation.jsp");
			obj.triggerHandler("href");
			break;
		case "zxlc":
			$("#indexCaseView").css("display", "none");
			obj.attr("target", "iframe_right");
			obj.attr("href", "./portal/zxlc.jsp");
			obj.triggerHandler("href");
			break;
		case "news":
			$("#indexCaseView").css("display", "none");
			obj.attr("target", "iframe_right");
			obj.attr("href", "./portal/resource/viewDocumentList.do?searchCategoryCode=news");
			obj.triggerHandler("href");
			break;
		case "zxcs":
			$("#indexCaseView").css("display", "none");
			obj.attr("target", "iframe_right");
			obj.attr("href", "./portal/resource/viewDocumentList.do?searchCategoryCode=zxcs");
			obj.triggerHandler("href");
			break;
		case "hr":
			$("#indexCaseView").css("display", "none");
			obj.attr("target", "iframe_right");
			obj.attr("href", "./portal/hr.jsp");
			obj.triggerHandler("href");
			break;
		case "lxwm":
			$("#indexCaseView").css("display", "none");
			obj.attr("target", "iframe_right");
			obj.attr("href", "./portal/lxwm.jsp");
			obj.triggerHandler("href");
			break;
		default:
			$("#indexCaseView").css("display", "");
			obj.attr("target", "iframe_content");
			obj.attr("href", "./portal/content.jsp");
			obj.triggerHandler("href");
	}
}